import { Match, Matcher, MicroAppProvider } from '@web-design/micro-app'
import React from 'react'
import {createRoot} from 'react-dom/client'
import MainLayout from './layout/MainLayout'
import routes from './routes'
const App = ()=>{
return <MicroAppProvider routes={routes} name={''}>
    <Matcher>
        <Match path='*' element={<MainLayout/>}/>
    </Matcher>
</MicroAppProvider>
}

const app = createRoot(document.querySelector('#root') as any)
app.render(<App/>)